<!DOCTYPE html>
<html lang="">
<head>
  <meta content="IE=11.0000" http-equiv="X-Ua-Compatible">
  <meta charset="utf-8">
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-Ua-Compatible" content="IE=edge,chrome=1">
  <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
  <title>政务端检测记录跟踪</title>
  <link href="../../assets/plugins/animate/animate.css" rel="stylesheet">
  <link href="../../assets/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
  <link href="../../assets/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css"/>
  <link href="../../assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
  <link href="../../assets/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css"/>
  <link href="../../assets/plugins/fullcalendar/fullcalendar.css" rel="stylesheet" type="text/css"/>
  <link href="../../assets/base/css/components.css" rel="stylesheet" id="style_components" type="text/css"/>
  <link href="../../assets/base/css/plugins.css" rel="stylesheet" type="text/css"/>
  <link href="../../assets/ditop/layout.css" rel="stylesheet" type="text/css"/>
  <link href="../../assets/plugins/datatables/datatables.min.css" rel="stylesheet" type="text/css"/>
  <link href="../../assets/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css" rel="stylesheet" type="text/css"/>
  <link href="../../assets/plugins/bootstrap-table/bootstrap-table.css" rel="stylesheet">
  <link href="../../assets/plugins/bootstrap-table/extensions/tree-column/bootstrap-table-tree-column.css" rel="stylesheet">
  <link href="../../assets/plugins/bootstrap-toastr/toastr.css" rel="stylesheet">
  <link href="../src/css/gcjsy-comp.css" rel="stylesheet">
  <link href="../../assets/plugins/sweetalert/sweetalert.css" rel="stylesheet">
  <link href="../../assets/plugins/layer/theme/default/layer.css" rel="stylesheet">
  <!-- CSS Customization -->
  <link href="../../assets/plugins/select2/css/select2.min.css" rel="stylesheet">
  <link href="../../assets/plugins/icheck/skins/flat/aero.css" rel="stylesheet">
  <link href="../../assets/ditop/ditop.css" rel="stylesheet">
  <link href="../../assets/ditop/style/ztree/style9/treestyle.css" rel="stylesheet">
  <link href="../../assets/plugins/bootstrap-touchspin/bootstrap.touchspin.css" rel="stylesheet">
  <link href="../../assets/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css" rel="stylesheet" type="text/css"/>
  <script src="../../assets/plugins/jquery/jquery.min.js"></script>
  <script src="../../assets/plugins/bootstrap/js/bootstrap.min.js"></script>
  <script src="../../assets/plugins/bootstrap-toastr/toastr.js"></script>
  <script src="../../assets/plugins/art-template/template.js"></script>
  <script src="../../assets/plugins/layer/layer.js"></script>
  <script src="../../assets/ditop/ditop.js"></script>
  <!--endregion-->
  <link href="../src/css/track.css" rel="stylesheet">
  <script src="../../assets/plugins/laydate/laydate.js"></script>
</head>

<body>
<div class="record-tracking-cont">
	<div class="content-top-area">
		<div class="area-title">皖AA-S2200530 塔式起重机</div>
		<div>所属工程项目：创新产业园2期一标段工程</div>
		<div>工程地址：试试看</div>
	</div>
	<div class="cont-tab-box">
		<div class="box-col active">基础信息</div>
		<div class="box-col">登记记录</div>
		<div class="box-col">登记轨迹</div>
	</div>
	<div class="cont-main-box">
		<div class="box-cont cont-infor" style="display:block">
			<section class="complete-block margin-bottom-10">
				<h1 class="j-title2">1.基本信息</h1>
				<ul class="field-submit padding-tb-10">
				  <li class="clearfix">
					<div class="field-submit-group field-submit-group-l clearfix">
					  <label class="fiShow-label fiShow-label-auto">产权单位：</label>
					  <div class="fiShow-right">
						<a href="#" target="_blank" class="fiShow-right-value" style="color:#1B92EC">合肥顾衡机械设备有限公司</a>
					  </div>
					</div>
					<div class="field-submit-group field-submit-group-r clearfix">
					  <label class="fiShow-label fiShow-label-auto">设备类型：</label>
					  <div class="fiShow-right">
						  <p class="fiShow-right-value">升降机</p>
					  </div>
					</div>
				  </li>
				  <li class="clearfix">
					  <div class="field-submit-group field-submit-group-l clearfix">
						<label class="fiShow-label fiShow-label-auto">生产厂商：</label>
						<div class="fiShow-right">
						  <p class="fiShow-right-value">升降机</p>
						</div>
					  </div>
					  <div class="field-submit-group field-submit-group-r clearfix">
						<label class="fiShow-label fiShow-label-auto">规格型号：</label>
						<div class="fiShow-right">
							<p class="fiShow-right-value">升降机</p>
						</div>
					  </div>
				  </li>
				  <li class="clearfix">
					  <div class="field-submit-group field-submit-group-l clearfix">
						<label class="fiShow-label fiShow-label-auto">出厂日期：</label>
						<div class="fiShow-right">
						  <p class="fiShow-right-value">升降机</p>
						</div>
					  </div>
					  <div class="field-submit-group field-submit-group-r clearfix">
						<label class="fiShow-label fiShow-label-auto">出厂编号：</label>
						<div class="fiShow-right">
							<p class="fiShow-right-value">升降机</p>
						</div>
					  </div>
				  </li>
				  <li class="clearfix">
					  <div class="field-submit-group field-submit-group-l clearfix">
						<label class="fiShow-label fiShow-label-auto">购置时间：</label>
						<div class="fiShow-right">
						  <p class="fiShow-right-value">升降机</p>
						</div>
					  </div>
					  <div class="field-submit-group field-submit-group-r clearfix">
						<label class="fiShow-label fiShow-label-auto">使用年限：</label>
						<div class="fiShow-right">
							<p class="fiShow-right-value">升降机</p>
						</div>
					  </div>
				  </li>
				</ul>
			  </section>
  
			  <section class="complete-block margin-bottom-10">
				<h1 class="j-title2">2.备案信息</h1>
				<ul class="field-submit padding-tb-10">
				  <li class="clearfix">
					<div class="field-submit-group field-submit-group-l clearfix">
					  <label class="fiShow-label fiShow-label-auto">备案编号：</label>
					  <div class="fiShow-right">
						<a href="#" target="_blank" class="fiShow-right-value" style="color:#1B92EC">合肥顾衡机械设备有限公司</a>
					  </div>
					</div>
					<div class="field-submit-group field-submit-group-r clearfix">
					  <label class="fiShow-label fiShow-label-auto">备案状态：</label>
					  <div class="fiShow-right">
						  <p class="fiShow-right-value">升降机</p>
					  </div>
					</div>
				  </li>
				  <li class="clearfix">
					  <div class="field-submit-group field-submit-group-l clearfix">
						<label class="fiShow-label fiShow-label-auto">产权单位：</label>
						<div class="fiShow-right">
						  <p class="fiShow-right-value">升降机</p>
						</div>
					  </div>
					  <div class="field-submit-group field-submit-group-r clearfix">
						<label class="fiShow-label fiShow-label-auto">产权单位代码：</label>
						<div class="fiShow-right">
							<p class="fiShow-right-value">升降机</p>
						</div>
					  </div>
				  </li>
				  <li class="clearfix">
					  <div class="field-submit-group field-submit-group-l clearfix">
						<label class="fiShow-label fiShow-label-auto">产权单位法人：</label>
						<div class="fiShow-right">
						  <p class="fiShow-right-value">升降机</p>
						</div>
					  </div>
					  <div class="field-submit-group field-submit-group-r clearfix">
						<label class="fiShow-label fiShow-label-auto">登记机关：</label>
						<div class="fiShow-right">
							<p class="fiShow-right-value">升降机</p>
						</div>
					  </div>
				  </li>
				  <li class="clearfix">
					  <div class="field-submit-group field-submit-group-l clearfix">
						<label class="fiShow-label fiShow-label-auto">登记时间：</label>
						<div class="fiShow-right">
						  <p class="fiShow-right-value">升降机</p>
						</div>
					  </div>
					  <div class="field-submit-group field-submit-group-r clearfix">
						<label class="fiShow-label fiShow-label-auto">联系电话：</label>
						<div class="fiShow-right">
							<p class="fiShow-right-value">升降机</p>
						</div>
					  </div>
				  </li>
				  <li class="clearfix">
					  <div class="field-submit-group field-submit-group-l clearfix">
						<label class="fiShow-label fiShow-label-auto">证书有效期：</label>
						<div class="fiShow-right">
						  <p class="fiShow-right-value">升降机</p>
						</div>
					  </div>
					  <div class="field-submit-group field-submit-group-r clearfix">
						<label class="fiShow-label fiShow-label-auto">地址：</label>
						<div class="fiShow-right">
							<p class="fiShow-right-value">升降机</p>
						</div>
					  </div>
				  </li>
				  <li class="clearfix">
					  <div class="field-submit-group field-submit-group-l clearfix">
						<label class="fiShow-label fiShow-label-auto">备案证书：</label>
						<div class="fiShow-right">
						  <a href="#" target="_blank" class="fiShow-right-value" style="color:#1B92EC">合肥顾衡机械设备有限公司</a>
						</div>
					  </div>
				  </li>
				</ul>
			  </section>
  
  
			  <section class="complete-block m1200 margin-bottom-10">
				<h1 class="j-title2">3.设备信息
				</h1>
  
				<ul class="field-submit padding-tb-10">
				  <li class="clearfix">
					<div class="field-submit-group field-submit-group-l clearfix">
					  <label class="fiShow-label fiShow-label-auto">：</label>
					  <div class="fiShow-right">
						<a href="#" target="_blank" class="fiShow-right-value">合肥顾衡机械设备有限公司</a>
					  </div>
					</div>
					<div class="field-submit-group field-submit-group-r clearfix">
					  <label class="fiShow-label fiShow-label-auto">设备类型：</label>
					  <div class="fiShow-right">
						  <p class="fiShow-right-value">升降机</p>
					  </div>
					</div>
				  </li>
				  <li class="clearfix">
					  <div class="field-submit-group field-submit-group-l clearfix">
						<label class="fiShow-label fiShow-label-auto">生产厂商：</label>
						<div class="fiShow-right">
						  <p class="fiShow-right-value">升降机</p>
						</div>
					  </div>
					  <div class="field-submit-group field-submit-group-r clearfix">
						<label class="fiShow-label fiShow-label-auto">规格型号：</label>
						<div class="fiShow-right">
							<p class="fiShow-right-value">升降机</p>
						</div>
					  </div>
				  </li>
				  <li class="clearfix">
					  <div class="field-submit-group field-submit-group-l clearfix">
						<label class="fiShow-label fiShow-label-auto">出厂日期：</label>
						<div class="fiShow-right">
						  <p class="fiShow-right-value">升降机</p>
						</div>
					  </div>
					  <div class="field-submit-group field-submit-group-r clearfix">
						<label class="fiShow-label fiShow-label-auto">出厂编号：</label>
						<div class="fiShow-right">
							<p class="fiShow-right-value">升降机</p>
						</div>
					  </div>
				  </li>
				  <li class="clearfix">
					  <div class="field-submit-group field-submit-group-l clearfix">
						<label class="fiShow-label fiShow-label-auto">购置时间：</label>
						<div class="fiShow-right">
						  <p class="fiShow-right-value">升降机</p>
						</div>
					  </div>
					  <div class="field-submit-group field-submit-group-r clearfix">
						<label class="fiShow-label fiShow-label-auto">使用年限：</label>
						<div class="fiShow-right">
							<p class="fiShow-right-value">升降机</p>
						</div>
					  </div>
				  </li>
				  <li class="clearfix">
					  <div class="field-submit-group field-submit-group-l clearfix">
						<label class="fiShow-label fiShow-label-auto">购置时间：</label>
						<div class="fiShow-right">
						  <p class="fiShow-right-value">升降机</p>
						</div>
					  </div>
					  <div class="field-submit-group field-submit-group-r clearfix">
						<label class="fiShow-label fiShow-label-auto">使用年限：</label>
						<div class="fiShow-right">
							<p class="fiShow-right-value">升降机</p>
						</div>
					  </div>
				  </li>
				</ul>
			  </section>
  
  
			  <section class="complete-block margin-bottom-10">
				<h1 class="j-title2">4.工程信息</h1>
				<ul class="field-submit padding-tb-10">
				  <li class="clearfix">
					<div class="field-submit-group field-submit-group-l clearfix">
					  <label class="fiShow-label fiShow-label-auto">产权单位：</label>
					  <div class="fiShow-right">
						<a href="#" target="_blank" class="fiShow-right-value">合肥顾衡机械设备有限公司</a>
					  </div>
					</div>
					<div class="field-submit-group field-submit-group-r clearfix">
					  <label class="fiShow-label fiShow-label-auto">设备类型：</label>
					  <div class="fiShow-right">
						  <p class="fiShow-right-value">升降机</p>
					  </div>
					</div>
				  </li>
				  <li class="clearfix">
					  <div class="field-submit-group field-submit-group-l clearfix">
						<label class="fiShow-label fiShow-label-auto">生产厂商：</label>
						<div class="fiShow-right">
						  <p class="fiShow-right-value">升降机</p>
						</div>
					  </div>
					  <div class="field-submit-group field-submit-group-r clearfix">
						<label class="fiShow-label fiShow-label-auto">规格型号：</label>
						<div class="fiShow-right">
							<p class="fiShow-right-value">升降机</p>
						</div>
					  </div>
				  </li>
				  <li class="clearfix">
					  <div class="field-submit-group field-submit-group-l clearfix">
						<label class="fiShow-label fiShow-label-auto">出厂日期：</label>
						<div class="fiShow-right">
						  <p class="fiShow-right-value">升降机</p>
						</div>
					  </div>
					  <div class="field-submit-group field-submit-group-r clearfix">
						<label class="fiShow-label fiShow-label-auto">出厂编号：</label>
						<div class="fiShow-right">
							<p class="fiShow-right-value">升降机</p>
						</div>
					  </div>
				  </li>
				  <li class="clearfix">
					  <div class="field-submit-group field-submit-group-l clearfix">
						<label class="fiShow-label fiShow-label-auto">购置时间：</label>
						<div class="fiShow-right">
						  <p class="fiShow-right-value">升降机</p>
						</div>
					  </div>
					  <div class="field-submit-group field-submit-group-r clearfix">
						<label class="fiShow-label fiShow-label-auto">使用年限：</label>
						<div class="fiShow-right">
							<p class="fiShow-right-value">升降机</p>
						</div>
					  </div>
				  </li>
				</ul>
			  </section>
  
			  <section class="complete-block m1200 margin-bottom-10">
				<h1 class="j-title2">5.安装信息</h1>
				<ul class="field-submit padding-tb-10">
				  <li class="clearfix">
					<div class="field-submit-group field-submit-group-l clearfix">
					  <label class="fiShow-label fiShow-label-auto">初始安装高度(m)：</label>
					  <div class="fiShow-right">
						<a href="#" target="_blank" class="fiShow-right-value">合肥顾衡机械设备有限公司</a>
					  </div>
					</div>
					<div class="field-submit-group field-submit-group-r clearfix">
					  <label class="fiShow-label fiShow-label-auto">计划安装日期：</label>
					  <div class="fiShow-right">
						  <p class="fiShow-right-value">升降机</p>
					  </div>
					</div>
				  </li>
				  <li class="clearfix">
					  <div class="field-submit-group field-submit-group-l clearfix">
						<label class="fiShow-label fiShow-label-auto">最终使用高度(m)：</label>
						<div class="fiShow-right">
						  <a href="#" target="_blank" class="fiShow-right-value">合肥顾衡机械设备有限公司</a>
						</div>
					  </div>
					  <div class="field-submit-group field-submit-group-r clearfix">
						<label class="fiShow-label fiShow-label-auto">计划安装位置：</label>
						<div class="fiShow-right">
							<p class="fiShow-right-value">升降机</p>
						</div>
					  </div>
				  </li>
				  <li class="clearfix">
					  <div class="field-submit-group field-submit-group-l clearfix">
						<label class="fiShow-label fiShow-label-auto">附墙数量：</label>
						<div class="fiShow-right">
						  <a href="#" target="_blank" class="fiShow-right-value">合肥顾衡机械设备有限公司</a>
						</div>
					  </div>
					  <div class="field-submit-group field-submit-group-r clearfix">
						<label class="fiShow-label fiShow-label-auto">臂长：</label>
						<div class="fiShow-right">
							<p class="fiShow-right-value">升降机</p>
						</div>
					  </div>
				  </li>
				</ul>
			  </section>
			  <section class="complete-block m1200 margin-bottom-10">
				  <h1 class="j-title2">6.检查信息</h1>
				  <ul class="field-submit padding-tb-10">
					  <li class="clearfix">
						<div class="field-submit-group field-submit-group-l clearfix">
						  <label class="fiShow-label fiShow-label-auto">计划检测日期：</label>
						  <div class="fiShow-right">
							<a href="#" target="_blank" class="fiShow-right-value">合肥顾衡机械设备有限公司</a>
						  </div>
						</div>
						<div class="field-submit-group field-submit-group-r clearfix">
						  <label class="fiShow-label fiShow-label-auto">检测类型：</label>
						  <div class="fiShow-right">
							  <p class="fiShow-right-value">升降机</p>
						  </div>
						</div>
					  </li>
					  <li class="clearfix">
						  <div class="field-submit-group field-submit-group-l clearfix">
							<label class="fiShow-label fiShow-label-auto">检测人员</label>
						  </div>
					  </li>
				  </ul>
			  </section>
		</div>
		<div class="box-cont cont-record clearfix">
			<div class="cont-record-left">
				<div class="left-title">登记记录</div>
				<div class="left-row active">
					<div class="row-title">当前登记记录</div>
					<div class="row-tiem">2023-05-15 14:26:30</div>
				</div>
				<div class="left-row">
					<div class="row-title">1记录</div>
					<div class="row-tiem">2023-05-15 14:26:30</div>
				</div>
				<div class="left-row">
					<div class="row-title">2记录</div>
					<div class="row-tiem">2023-05-15 14:26:30</div>
				</div>
			</div>
			<div class="cont-record-right">
				<div class="right-cont-box">
					<div class="box-top">
						<div class="top-title">
							登记记录
						</div>
						<div class="top-main">
							<div class="margin-bottom-10">登记结果：<span class="pass">合格</span><span class="unpass">不合格，需重新检测</span></div>
							<div class="margin-bottom-10 main-infor">
								<div class="infor-time">实际检测时间：2016-10-26</div>
								<div>登记时间：2016-10-26</div>
							</div>
							<div>登记单位：不合格，需重新检测</div>
						</div>
					</div>
					<div class="box-bottom">
						<div class="bottom-title">
							检测人员
						</div>
						<div class="bottom-main">
							<table class="table table-bordered table-fileuploader" style="margin-bottom: 0;">
								<thead class="text-center">
								<tr>
								  <th style="min-width:70px;width:70px !important;">序号</th>
								  <th style="min-width:146px;">姓名</th>
								  <th style="min-width:300px;">身份证号</th>
								</tr>
								</thead>
								<tbody>
									<tr>
										<td class="text-center">1</td>
										<td class="text-center">信息</td>
										<td class="text-center">1个</td>
									</tr>
								</tbody>
							</table>
						</div>
						<div class="bottom-file">
							<div class="file-title">材料附件</div>
							<p><a href="#">材料附件.pdf 材料附件名称2. jp</a></p>
							<p><a href="#">材料附件名称</a></p>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="box-cont cont-track">
			<div class="track-row">
				<i></i>
				<h3>登记检测计划<span class="blue">通过</span></h3>
				<div class="row-text">
					<div class="text-top"><div>登记单位</div><div class="text-time">登记时间 :2023-05-18 19:</div></div>
				</div>
			</div>
			<div class="track-row">
				<i></i>
				<h3>登记检测计划<span class="blue">通过</span></h3>
				<div class="row-text">
					<div class="text-top"><div>登记单位</div><div class="text-time">登记时间 :2023-05-18 19:</div></div>
					<div class="margin-top-20"><a href="javascript:;" class="blue">查看内容</a></div>
				</div>
			</div>
			<!-- 删除检查计划delete-status  -->
			<div class="track-row delete-status">
				<i></i>
				<h3>登记检测计划<span class="blue">通过</span></h3>
				<div class="row-text">
					<div class="text-top"><div>登记单位</div><div class="text-time">登记时间 :2023-05-18 19:</div></div>
					<div class="margin-top-20"><a href="javascript:;" class="blue">查看内容</a></div>
				</div>
			</div>
		</div>
	</div>
</div>



<!--region 引入公用js和css -->
<script src="../../assets/plugins/sweetalert/sweetalert.min.js"></script>
<script src="../../assets/plugins/jquery.blockui.min.js"></script>
<script src="../../assets/plugins/js.cookie.min.js"></script>
<script src="../../assets/plugins/jquery-slimscroll/jquery.slimscroll.min.js"></script>
<script src="../../assets/plugins/jquery.blockui.min.js"></script>
<script src="../../assets/plugins/bootstrap-switch/js/bootstrap-switch.min.js"></script>
<script src="../../assets/plugins/bootstrap-touchspin/bootstrap.touchspin.js"></script>
<script src="../../assets/plugins/moment.min.js"></script>
<script src="../../assets/plugins/bootstrap-daterangepicker/daterangepicker.min.js"></script>
<script src="../../assets/plugins/counterup/jquery.waypoints.min.js"></script>
<script src="../../assets/plugins/counterup/jquery.counterup.min.js"></script>
<script src="../../assets/plugins/fullcalendar/fullcalendar.js"></script>
<script src="../../assets/plugins/horizontal-timeline/horizontal-timeline.js"></script>
<script src="../../assets/plugins/jquery.sparkline.min.js"></script>
<script src="../../assets/plugins/select2/js/select2.js"></script>
<script src="../../assets/plugins/select2/js/i18n/zh-CN.js"></script>
<script src="../../assets/plugins/ztree/jquery.ztree.all.js"></script>
<script src="../../assets/plugins/jquery-form/jquery.form.js"></script>
<script src="../../assets/plugins/jquery-validator/jquery.placeholder.min.js"></script>
<script src="../../assets/plugins/jquery-validator/jquery.validate.js"></script>
<script src="../../assets/plugins/jquery-validator/jquery.validate.custom.js"></script>
<script src="../../assets/plugins/jquery-validator/localization/messages_zh.js"></script>
<script src="../../assets/plugins/jquery-validator/additional-methods.js"></script>
<script src="../../assets/plugins/bootstrap-growl/jquery.bootstrap-growl.js"></script>
<script src="../../assets/plugins/bootstrap-table/bootstrap-table.js"></script>
<script src="../../assets/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.js"></script>
<script src="../../assets/plugins/bootstrap-table/extensions/tree-column/bootstrap-table-tree-column.js"></script>
<script src="../../assets/base/scripts/app.js"></script>
<script src="../../assets/base/scripts/theme.js"></script>
<script src="../../assets/ditop/ditop-addition.js"></script>
<script src="../../assets/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js" type="text/javascript"></script>
<script src="../../assets/plugins/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js"
        type="text/javascript"></script>
<script type="text/javascript" src="../../assets/plugins/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js"
        charset="UTF-8"></script>
<script type="text/javascript"
        src="../../assets/plugins/bootstrap-datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"
        charset="UTF-8"></script>
<script src="../../assets/plugins/jquery-validator/jquery.validate.custom.js"></script>
<script src="../../assets/ditop/layout.js"></script>
<!--endregion-->
<!-- <script src="../src/js/content.js"></script> -->
<script>
	$(".cont-tab-box .box-col").click(function(){
		$(".cont-tab-box .box-col").removeClass("active");
		$(this).addClass("active");
		let _index = $(this).index();
		$(".box-cont").eq(_index).show().siblings(".box-cont").hide();
	})
</script>



</body>
</html>
